@import url("font-awesome/font-awesome.css");

.article { clear: both; text-align: left; margin-bottom: 25px; }
.articleHeadline h1 { margin-bottom: 0px; background-color: #F0F0F0; border: 1px dashed #C8C8C8; }
.articleAuthor { }
.articleEntry { margin: 10px 5px; }
.articleRelated { margin: 10px 5px; text-align: left; }
.articleRelated a { display: inline-block; margin-top: 5px; background: url("images/Bullet-Red.png") no-repeat scroll 100% 8px transparent; padding-left: 12px; }
.articleRelated a:hover { text-decoration: none; color: #007788; }
.articleImage { margin: 2px 10px 4px 4px; float: left;list-style-type: none; }
.articlePaging { border-bottom: 1px dotted #D8D8D8; padding-bottom: 2px; margin-bottom: 2px; }
.articleCategories { border-bottom: 1px dotted #D8D8D8; margin-bottom: 2px; padding-bottom: 2px; }
.related h2 { margin-bottom: 0px; background-color: #F0F0F0; border: 1px dashed #C8C8C8; padding-left: 5px; }
.postRating h2 { margin-bottom: 0px; background-color: #F0F0F0; border: 1px dashed #C8C8C8; padding-left: 5px; }
.articleComments { text-align: left; clear: both; }
.articleComments h2 { margin-bottom: 0px; background-color: #F0F0F0; border: 1px dashed #C8C8C8; padding-right: 5px; }
.articleComment { margin: 5px 0 0px 0; padding: 5px; min-height: 100px; height: auto !important; height: 100px; }
.articleCommentGravatar { margin: 2px 10px 4px 4px; float: left; }
.articleCommentContent { text-align: left; padding: 0px 5px 10px 5px; }
.articleCommentAuthor { }
.articleCommentDate { border-bottom: 1px dotted #D8D8D8; margin-bottom: 2px; padding-bottom: 2px; }
.articleImages { text-align: left; }
.articleImages h2 { margin-bottom: 0px; background-color: #F0F0F0; border: 1px dashed #C8C8C8; padding-left: 5px; }

/* Photo Area */
.articleImageList { margin: 0px; padding: 0 0px 0 10px; }
.articleImageList li { display: inline; float: left; margin-right: 10px; margin-left: 10px; margin-top: 10px; border: solid 1px #eee; padding: 3px; }

/** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.4.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.4 * @date November 17, 2007 * @category jQuery plugin * @copyleft (c) 2007 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-container-image-data-box { background-color: #fff; margin: 0pt auto; overflow: auto; font-family: Verdana,Helvetica,sans-serif; font-size: 10px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.4em; }
#lightbox-container-image-data { padding: 0 10px; }
#lightbox-container-image-details { float: left; text-align: left; width: 70%; }
#lightbox-container-image-details-caption { font-weight: bold; }
#lightbox-container-image-details-currentNumber { clear: left; display: block; }
#lightbox-container-image-details-currentNumber a, #lightbox-container-image-details-currentNumber a:hover { border-bottom: medium none; color: #151410; text-decoration: underline; }
#lightbox-container-image-details-nav { clear: left; display: block; padding: 0px 0px 10px; }
#lightbox-container-image-details-nav a, #lightbox-container-image-details-nav a:hover { border-bottom: medium none; color: #151410; text-decoration: underline; }
#lightbox-container-image-details-nav-btnPrev { margin: 0px 8px 0pt 0px; }
#lightbox-image-details-close-btnClose { float: right; }
#lightbox-image-details-close a, #lightbox-image-details-close a:hover { border-bottom: medium none; color: #151410; text-decoration: underline; }

.articleView .related { clear: both; }



/*///////////////////////////////////////////////////////////////////////////////////*/

.t { font-size: 12px; line-height: 1.6em; width: 100%; border-collapse: collapse; }
.t th { font-size: 13px; font-weight: normal; padding: 8px; background: #b9c9fe; border-top: 4px solid #aabcfe; border-bottom: 1px solid #fff; color: #039; }
.t td { padding: 8px; background: #e8edff; border-bottom: 1px solid #fff; color: #669; border-top: 1px solid transparent; }
.t tr:hover td { background: #d0dafd; color: #339; }


/***** M.Kermani - Print ******************************************************************/

.articlePrint { direction: rtl; margin: 0 auto; width: 650px;text-align:left; }
.articlePrint .printhead { font: 12px/150%; margin: 0; text-align: left; }
.articlePrint .printhead .printlogo { float: left; text-align: left; width: 200px; padding: 10px 0; }
.articlePrint .printhead .headinfo { line-height: 180%; float: right; font-size: 12px; padding: 10px 0; text-align: right; width: 400px; }
.articlePrint .printhead .headinfo .printcat { padding: 5px 0 0; }
.articlePrint .printhead .headinfo .printid { padding: 5px 0 0; }
.articlePrint .printhead .headinfo .printdt { direction: ltr; font-size: 12px; padding: 5px 0 0; text-align: right; }

.articlePrint .printtextpane { border: 2px dotted #CCCCCC; clear: both; padding: 20px 30px 40px; }
.articlePrint .printtextpane .nwstxtrotitr { color: #000066; font: 13px; margin: 0; text-align: left; }
.articlePrint .printtextpane .nwstxtinfotitle { color: #000066; font-size: 40px; padding: 10px 0; }
.articlePrint .printtextpane .nwstxtlead { color: #000000; margin: 3px 0; line-height: 1.6em !important; }
.articlePrint .printtextpane .nwstxttext { clear: both; font-size: 12px; padding: 3px 0 0; text-align: justify; line-height: 2em !important; }

.articlePrint .printcopyleft { background: none repeat scroll 0 0 #DDDDDD; direction: rtl; font: normal 11px Verdana; padding: 2px 0; text-align: center; }



/*//////// New Bonyan ///////////////////////////////////////////////////////////////////////////*/

.scroll180 { width: 100%; height: 180px; overflow: auto; }
.scroll600 { width: 100%; height: 600px; overflow: auto; }
.scroll500 { width: 100%; height: 500px; overflow: auto; }
.adminbuttons { display: inline-block; width: 11%; text-align: center; }
.NewsArticles select { }

#articleSearchFormSmall { width: 83%; height: 35px; /*! background:url('Images/search-bg.png') repeat-x 0 0; */ margin: 10px 0 15px 0; text-align: left; position: relative; }
#articleSearchFormSmall input[type="submit"] { position: absolute; width: 40px; height: 40px; margin: 0px 0 0 0 !important; cursor: pointer; text-indent: -9999px; border: 0px; border: solid 1px #eee; background: #fff url('Images/search-tool.png') no-repeat center center/ 25px; }
#articleSearchFormSmall input[type="text"] { width: 95%; height: 40px; line-height: 40px; color: #004c75; /* font-size:12px;*/ margin: 0px 0 0 0; padding: 0 0px 0 5px; background: #fff; border: 0px; border: solid 1px #eee; }


/*.left { float: left; }
.right { float: right; }*/
.clear_float { clear: both; line-height: 0; font-size: 0; }

.ArticleView { margin: 0px 0 0 0; text-align: left; }
.ArticleView_bg { background: #fff; padding: 25px; }
.ArticleView .dashboard {border-top: #f5f5f5 solid 1px; padding: 5px; height: 37px; line-height: 30px; font-size: 12px; color: #888; }
.ArticleView .dashboard .staticdate { font-size: 12px; color: #4d4d4d; height: 23px; line-height: 23px; background: url('images/icons-view.png') 100% 0 no-repeat; padding: 0 22px 0 0; margin-right: 40px; }
.ArticleView .dashboard .staticviews { font-size: 12px; color: #4d4d4d; height: 23px; line-height: 23px; background: url('images/icons-view.png') 100% -32px no-repeat; padding: 0 22px 0 0; margin-right: 40px; }
.ArticleView .dashboard .staticcomments { font-size: 12px; color: #4d4d4d; height: 23px; line-height: 23px; background: url('images/icons-view.png') 100% -64px no-repeat; padding: 0 22px 0 0; margin-right: 40px; }
.ArticleView .dashboard .controls { display: block; }
.ArticleView .dashboard .controls div { display: inline-block; width: 20px; height: 20px; background-image: url('images/icons-view.png'); }
.ArticleView .dashboard .controls a,
.ArticleView .dashboard .controls a:active,
.ArticleView .dashboard .controls a:hover { display: inline-block; width: 20px; height: 20px; background-image: url('images/icons-view.png'); text-decoration: none; }
.ArticleView .dashboard .controls a.print { background-position: 100% -218px; }
.ArticleView .dashboard .controls a.email { background-position: 100% -188px; }
.ArticleView .dashboard .controls a.minus { background-position: 100% -159px; }
.ArticleView .dashboard .controls a.default { background-position: 100% -127px; }
.ArticleView .dashboard .controls a.plus { background-position: 100% -97px; }

.ArticleView .content { text-align: left; }
.ArticleView .content .subtitle { font-size: 13px;
padding-left: 5px;
padding-top: 0;
padding-bottom: 5px;
line-height:25px;}
.ArticleView .content .title { font-size: 20px; color: #444; margin: 5px 0 12px 0; font-weight: bold;line-height:1.5em; }
.ArticleView .content .image { float: left; margin: 0 14px 12px 0px; padding: 3px; border: solid 3px #eee; }
/*.ArticleView .content .image img { padding: 3px; border: 3px solid #ffffff; }*/
.ArticleView .content .summary { font-size: 13px; line-height: 1.7em; text-align: justify; color: #393939; padding: 15px 0 5px 0; margin: 0px; height: 170px; overflow: hidden; }
.ArticleView .content .description { font-size: 15px; line-height:2em; text-align: justify; color: #393939; padding: 4px 0; }
.ArticleView .content .description div { font-size: 15px; line-height: 2em; text-align: justify; }

.ArticleView .section { margin: 15px 0; background: #fff; }
.ArticleView .section .headding { font-size: 15px; color: #143d61; background-color: #fbfbfb; border: solid 1px #f5f5f5; height: 40px; line-height: 40px; }

.ArticleView .comment { margin: 5px 0; }
.ArticleView .comment .mcheader { padding: 5px 13px; font-size: 13px; color: #143d61; background-color: #f3f3f3; border: solid 1px #c9c9c9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.ArticleView .comment .mcheader a,
.ArticleView .comment .mcheader a:active,
.ArticleView .comment .mcheader a:hover { font-size: 13px; color: #143d61; text-decoration: none; cursor: pointer; }
.ArticleView .comment .mcheader a:visited { text-decoration: underline; }
.ArticleView .comment .mcheader .mcauthor,
.ArticleView .comment .mcheader .mcdate { color: #143d61; }
.ArticleView .comment .mctext { font-size: 12px; line-height: 1.7em; color: #393939; margin: 8px 10px; }
.ArticleView .comment .mctext .cmicon { width: 38px; height: 38px; padding: 0 5px 5px 0px; background: url('images/icons-view.png') no-repeat 100% -249px; }
.ArticleView .cmform { margin: 10px 0; padding: 10px 17px; background-color: #fdfdfd; border: solid 5px #f3f3f3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 1px 1px #888; -webkit-box-shadow: 0 0 1px 1px #888; box-shadow: 0 0 1px 1px #888; }
.ArticleView .cmform input[type="text"] { width: 280px; height: 30px; font-size: 12px; color: #717171; padding-left: 5px; background-color: #fcfcfc; border: solid 1px #d5d5d5; }
.ArticleView .cmform textarea { width: 510px; height: 140px; font-size: 12px; color: #717171; padding-left: 5px; background-color: #fcfcfc; border: solid 1px #d5d5d5; }
.ArticleView .cmform input[type="button"] { width: 125px; height: 40px; text-indent: -999999px; background: url('images/submit.png') no-repeat 0 0; border: 0px; cursor: pointer; }
.ArticleView .datepane { float: left; }

.Comment1 { padding: 0 0px 0 5px !important; }
.Comment1 li { background: url('Images/newsdotgreen.png') no-repeat 100% 7px; padding: 0px 8px 10px 12px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; list-style-type: none; }
.Comment1 li a,
.Comment1 li a:hover,
.Comment1 li a:active { font-size: 12px; text-decoration: none; color: #333333; line-height: 1.4em; }


.TitleRedBullet { padding: 0 !important; margin: 0 !important; }
.TitleRedBullet li { background: url('Images/bullet-red.png') no-repeat 100% 5px; padding: 0 0px 4px 14px; line-height: 1.2em; }
.TitleRedBullet li a,
.TitleRedBullet li a:hover,
.TitleRedBullet li a:active { font-size: 12px; text-decoration: none; color: #686868; line-height: 1.4em; }


.TitleRedArrow { padding: 0 !important; margin: 0 !important; list-style: none; }
.TitleRedArrow li { /*background:url('Images/Arrow-red.png') no-repeat 100% 7px;*/ padding: 0 10px 15px 5px; line-height: 1.2em; }
.TitleRedArrow li a,
.TitleRedArrow li a:hover,
.TitleRedArrow li a:active { font-size: 12px; text-decoration: none; color: #143d61; line-height: 1.4em; }


.TitleBlueArrow { padding: 0 !important; margin: 0 !important; list-style: none; }
.TitleBlueArrow li { background: url('Images/Arrow-blue.png') no-repeat 100% 7px; padding: 0 0px 6px 10px; line-height: 1.2em; }
.TitleBlueArrow li a,
.TitleBlueArrow li a:hover,
.TitleBlueArrow li a:active { font-size: 12px; text-decoration: none; color: #504f4f; line-height: 1.4em; }


.ImageTitleAuthor { }
.ImageTitleAuthor .container { width: auto; margin: 8px 0; }
.ImageTitleAuthor .image { float: left; padding: 5px; border: solid 1px #adc4fa; margin: 0 3px 3px 0px; }
.ImageTitleAuthor .title { }
.ImageTitleAuthor .title .icon { float: left; width: 10px; height: 10px; background: url('Images/bullet-green.png') no-repeat 50% 50%; margin: 4px 3px 0 1px; }
.ImageTitleAuthor .title a,
.ImageTitleAuthor .title a:hover,
.ImageTitleAuthor .title a:active { font-size: 12px; text-decoration: none; color: #041a72; line-height: 1.4em; }
.ImageTitleAuthor .author { color: #000000; padding-top: 2px; }




.Newslider { position: relative; width: 440px; overflow: hidden; direction: ltr; margin: 8px 0 15px 0; }
.Newslider ul { list-style: none; padding: 0; margin: 0; }
.Newslider ul li { display: block; float: left; min-height: 120px; padding: 0; }
.Newslider ul li .container { width: auto; margin: 0 0; text-align: left; direction: rtl; }
.Newslider ul li .image { float: left; padding: 0px; margin: 0 8px 3px 0px; border: solid 3px #ffffff; }
.Newslider ul li .title { margin-top: 3px; }
.Newslider ul li .title a,
.Newslider ul li .title a:hover,
.Newslider ul li .title a:active { font-size: 12px; text-decoration: none; color: #00386d; line-height: 1.4em; }
.Newslider ul li .summary { font-size: 12px; color: #474747; margin-top: 2px; text-align: justify; }
.Newslider .dots { position: absolute; right: 10px; bottom: 0; padding: 0; margin: 0; }
.Newslider .dots li { background-color: #959595; display: inline-block; width: 8px; height: 8px; text-indent: 9999em; margin: 0 3px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; overflow: hidden; }
.Newslider .dots li.active { background-color: #2d7eb5; }


.categories { /*padding:5px 0 0 0 !important;margin:0 12px 0 10px !important;*/ list-style: none; }
ul.categories { margin-left: 0 !important; }
.categories li { /*background:url('Images/border-bottom-categories.png') repeat-x 0 100%;*/ border-bottom: solid 1px #eee; list-style: none outside none !important; margin: 0; padding: 10px 0 13px 0; }
.categories li.last { background: none; }
.categories li a { /*background:url("images/arrow-categories-blue.png") no-repeat 99% 50% transparent;*/ margin-left: 0; color: #676868; display: inline-block; font-size: 12px; }
.categories li a:hover { margin-left: 4px; text-decoration: none; }
.categories li a span { font-weight: normal; }
/*---------------*/
.date { width: 100%; }

.iconpane { float: none; }
.iconpane .fa { background: #C8C8C8; color: #fff; padding: 5px; font-size: 15px; }
.iconpane .fa:hover { background: #999; }

.datepane .fa-calendar { color: #0d874f; margin: 0 5px 0 0px; }
.date .iconpane {
    float: right !important;
}
/*-----------*/
/*---------------------*/
.headding .fa { background: #006185;padding: 10px; color: #fff; font-size: 20px; width: 40px; height: 40px; }
.faIcon { float: left; margin-right: 5px; }

.PagingTable { width: 100%; background: #fff; height: 40px;margin-bottom: 15px;}
.ArticleView .calendar { margin: 0; }
.right img { vertical-align: middle; }
.row.relatedimage { padding: 10px; }
.row.relatedimage { padding: 10px; }
.relatedimage img { border: solid 1px #eee; margin-bottom: 5px; }
.relatedimage p { padding: 0 5px; color: #111; font-size: 13px; line-height: 24px; }
.relatedimage p:hover { color: #004b74; }
.postRating {
    padding: 10px;
}
.postRating label { margin: 0 20px 0 2px; }



/*--------------*/
.articleComments_bg   {background:#fff;  margin: 15px 0;}
.articleComments { text-align: left; clear: both; padding-bottom:5px;}
.articleComments h2 { margin-bottom: 0px; background-color: #F0F0F0; border: 1px dashed #C8C8C8; padding-right: 5px; }
.postComment p span {  margin-left:8px ; }
/*--------------*/
.articleComments_bg   {background:#fff;  margin: 15px 0;}
.articleComments { text-align: left; clear: both; padding-bottom:5px;}
.articleComments h2 { margin-bottom: 0px; background-color: #F0F0F0; border: 1px dashed #C8C8C8; padding-right: 5px; }
.postComment p span {  margin-left:8px ; }
/*-------------------*/
.postComment input[type="text"] { border: solid 1px #eee; height: 40px; text-align: left; margin-bottom: 5px; }
.postComment textarea { border: solid 1px #eee; }
.postComment input[type="button"] { border: solid 3px #01465f;height: 40px;background: #006185; color: #fff; margin-top: 10px;margin-left:8px; padding: 0 30px; font-size: 16px; font-weight: bold; transition: all ease 0.5s; }
.postComment input[type="button"]:hover { background: #01465f; border: solid 3px #006185; transition: all ease 0.5s; }
/*----------------*/


.postComment p:nth-child(2) input { width: 88%; }
.postComment p:nth-child(3) input { width: 88%; }
.postComment p:nth-child(3){ width:48%; display: inline-block;margin:0 8px;direction: ltr;}
.postComment p:nth-child(2) { width:48%; display: inline-block;margin:0 8px;direction: ltr;}
.postComment textarea.NormalTextBox{ width: 98% !important;margin:0 8px; }
/*---------*/
.row.relatedimage img{max-width:100%;}
.image img{max-width:100%;}
/*----------blog---------*/
.photo-inner { overflow: hidden; margin: 5px auto 15px 0; }
.photo-inner p { margin: 8px 3px; }
.photo-inner img { border: solid 1px #eee; padding: 3px; }
.categorylist .fa.fa-list {

    background: #006185;
    color: #fff;
    padding: 12px;
    font-size: 20px;
    display: inline-block;

}

.categorylist {

    border: solid 1px #eee;

}
.categorylist .fa.fa-list {

    background: #006185;
    color: #fff;
    padding: 12px;
    font-size: 20px;
    display: inline-block;

}
.PageName {

    display: inline;
    font-size: 18px;

}
/*------------------------*/
@media only screen and (max-width:1600px) {
   .postComment p:nth-child(2) input { width: 85%; margin-left: 14px;}
.postComment p:nth-child(3) input { width: 85%; }
  
}
@media only screen and (max-width:1400px) {
   .postComment p:nth-child(2) input { width: 80%; margin-left: 14px;}
.postComment p:nth-child(3) input { width: 80%; }
.postComment p:nth-child(3){ width:90%; }
.postComment p:nth-child(2) { width:90%;}
  
}
#articleSearchForm h1{width: 50%;
margin: 0;
font-size: 17px;
float: left;
text-align: left;}
element {

}
#dnn_ctr392_NewsArticles_ViewSearch_pnlSearch {

    width: 50%;
   
    margin: 0 0 10px 0;

}

.adminbuttons {
    display: inline-block;
    width: 11%;
    text-align: center;
}
/*--------------------newsPages------------------*/
.archivelink { text-align: right; height: 40px; line-height: 40px; }
.ImageTitleSummary { }
.ImageTitleSummary .newscontainer { width: auto; margin: 0px 0 13px 0; text-align: left; border: solid 1px #eee; padding: 15px 0; background: #fff; }

.ImageTitleSummary .image { float: left; padding: 3px; margin: 0 8px 3px 0px; border: solid 1px #eee; }
.ImageTitleSummary .image img:hover { transform: scale(1.1); transition: all ease 0.5s; }
.ImageTitleSummary .image { overflow: hidden; }
.ImageTitleSummary .image img { transition: all 0.5s ease; }
.ImageTitleSummary .datepane { float: left; padding: 4px 0 0 0; }
.ImageTitleSummary .spacer { height: 10px; }
.ImageTitleSummary .date { font-size: 13px; color: #888; padding: 5px 5px; border: solid 1px #f5f5f5; height: 37px; float: right; width: 100%; background: #fbfbfb; }
.ImageTitleSummary .subtitle { font-size: 12px; color: #959595; margin: 2px 0; }
.ImageTitleSummary .title { margin-top: 3px; }
.ImageTitleSummary .title .icon { float: left; width: 8px; height: 8px; background: url('Images/Triangle-Red.png') no-repeat 50% 50%; margin: 4px 3px 0 1px; }
.ImageTitleSummary .title a,
.ImageTitleSummary .title a:hover,
.ImageTitleSummary .title a:active { font-size: 15px; text-decoration: none; color: #002947; line-height: 1.4em; }
.ImageTitleSummary .summary { font-size: 12px; color: #4b4b4b; margin-top: 2px; line-height: 23px; min-height: 60px; text-align: justify; }
.date { width: 100%; }
.date .iconpane { float: right; }
.iconpane .fa { background: #C8C8C8; color: #fff; padding: 5px; font-size: 15px; }
.iconpane .fa:hover { background: #999; }
.datepane .fa-calendar { color: #0d874f; margin: 0 5px 0 0px; }
/*--social--*/
.home04-social02 { padding-bottom: 5px; }
.home04-social02 .fa { width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 20px; display: inline-block; background-color: #20a3f0; color: #fff; transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; -webkit-transition: background-color ease-in 200ms; -o-transition: background-color ease-in 200ms; -ms-transition: background-color ease-in 200ms; border-radius: 5px; margin-top: 5px; }
.home04-social02 .fa.telegram { background-color: #00ACED; }
.home04-social02 .fa.instagram { background: #ED548E; font-size: 19px; }
.home04-social02 .fa.facebook { background: #3B5998; }
.home04-social02 .fa.pinterest { background-color: #ea4d4f !important; font-size: 19px; }


@media only screen and (max-width: 480px) {

.ImageTitleSummary .title { clear: both; }
}

@media only screen and (max-width: 320px) {
.ImageTitleSummary .datepane { font-size: 11px; }
}